<template>
  <div id="app">
    <dv-full-screen-container style="background-color: #131c34">
      <div class="overall">
        <div></div>
        <cong-tapleft></cong-tapleft>
        <cong-tap></cong-tap>
        <cong-tapr></cong-tapr>
      </div>
      <div>
        <div class="centre">
          <cong-header></cong-header>
        </div>
      </div>
      <!-- <div class="content">
        <div>
          <left-hand></left-hand>
        </div>
        <div></div>
        <div>
          <right-hand></right-hand>
        </div>
      </div> -->
      <el-row type="flex" class="row-bg" justify="space-around">
        <el-col :span="6"
          ><div class="grid-content bg-purple">
            <cong-left-hand></cong-left-hand></div
        ></el-col>
        <el-col :span="6"
          ><div class="grid-content bg-purple-light">
            <cong-content></cong-content>
            <cong-contentfooty></cong-contentfooty></div
        ></el-col>
        <el-col :span="6"
          ><div class="grid-content bg-purple">
            <cong-right-hand></cong-right-hand></div
        ></el-col>
      </el-row>
    </dv-full-screen-container>
  </div>
</template>
<script>
import CongTap from "./components/CongTap.vue";
import CongTapr from "./components/CongTapr.vue";
import CongTapleft from "./components/CongTapleft.vue";
import CongHeader from "./components/CongHeader.vue";
import CongLeftHand from "./components/CongLeftHand";
import CongRightHand from "./components/CongRightHand";
import CongContent from "./components/CongContent.vue";
import CongContentfooty from "./components/CongContentfooty.vue";

export default {
  components: {
    CongTap,
    CongTapr,
    CongTapleft,
    CongHeader,
    CongLeftHand,
    CongRightHand,
    CongContent,
    CongContentfooty,
  },
};
</script>
<style lang="less">
body {
  margin: 0;
  padding: 0;
  .overall {
    display: flex;
    justify-content: center;
  }
  .row-bg {
    width: 100%;
    height: 500px;
    padding-top: 30px;
    // display: flex;
    // justify-content: space-between;
  }
}
</style>
